<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Organization Networking</title>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<link rel="stylesheet" href="css/jqueryStart.css" type="text/css" />
<link rel="stylesheet" href="css/custom.css" type="text/css" />
<link type='text/css' rel='stylesheet' href='css/liquidcarousel.css' />


<script type="text/javascript" src="js/jquery-1.6.js"></script>
<script src="js/jquery.livetweet.js"></script>
<script src="js/jqueryUI.js"></script>
<script src="js/javaScript.js" type="text/javascript"></script>
<script src="customSearch.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery.liquidcarousel.pack.js"></script>

<script type="text/javascript">		
jQuery(document).ready(function() {
	
			
			
			jQuery('#liquid1').liquidcarousel({height:129, duration:100, hidearrows:false});
			jQuery('#searchForm').submit(function(event) {
				event.preventDefault();
				 var criteria =	jQuery('#criteria').val();
				 var search = jQuery.trim(jQuery('#input').val()); 
				
				if((criteria == "select" && search == "Enter Your Search Here") || search == "Enter Your Search Here" || criteria == 'select' || search == '') {
					alert("Both Fields Required");
					return false;
					
				}
				else if(criteria == "employeeName"){
					loadEmployeeSearch();
					jQuery('#tabs1').hide();
					jQuery('#tabs4').hide();
					jQuery('#tabs3').hide();
					jQuery('#tabs2').hide();
					jQuery('#searchTab').show();
				}
				else {
					loadProjectSearch();
					jQuery('#tabs1').hide();
					jQuery('#tabs4').hide();
					jQuery('#tabs3').hide();
					jQuery('#tabs2').hide();
					jQuery('#searchTab').show();
				}
				
				return false;
				
			});
			
		});
</script>
<style type="text/css">
/*page css*/
body {
	font: 65% "Trebuchet MS", sans-serif;
	margin: 50px;
}

.demoHeaders {
	margin-top: 2em;
}

#dialog_link {
	padding: .4em 1em .4em 20px;
	text-decoration: none;
	position: relative;
}

#dialog_link span.ui-icon {
	margin: 0 5px 0 0;
	position: absolute;
	left: .2em;
	top: 50%;
	margin-top: -8px;
}

ul#icons {
	margin: 0;
	padding: 0;
}

ul#icons li {
	margin: 2px;
	position: relative;
	padding: 4px 0;
	cursor: pointer;
	float: left;
	list-style: none;
}

ul#icons span.ui-icon {
	float: left;
	margin: 0 4px;
}


#neo4j  {
	height: 100px;
	overflow: hidden;
	
}


</style>

</head>
<body bgcolor="white">

	  
	<div id="headerDiv" class="wrapper">
		
		<ul id="top_nav">
		<li>
			  <a href="http://www.youtube.com/user/CollaberaSolutions?feature=mhee" target="_blank"><img src="images/social/youtube.png" alt="You Tube" title="You Tube"  hspace="1" border="0" /></a> 
			  <a href="https://plus.google.com/116347079012189918245#116347079012189918245/posts" target="_blank"><img src="images/social/googleplus.png" alt="Google plus" title="Google plus"  hspace="2" border="0" /></a>
			  <a href="http://www.collabera.com/blog/default/" target="_blank"><img src="images/social/blogs.png" alt="Blogs" title="Blogs"  border="0" /></a>
			  <a href="http://www.facebook.com/Collabera" target="_blank"><img src="images/social/facebook.gif" alt="Facebook" title="Facebook" hspace="2" border="0" /></a>
			  <a href="http://www.linkedin.com/companies/collabera" target="_blank"><img src="images/social/linkedin.gif" alt="Linkedin" title="Linkedin" border="0" /></a> 
			  <a href="http://twitter.com/Collabera" target="_blank"><img src="images/social/twitter.gif" alt="Twitter" title="Twitter" hspace="2" border="0" /></a>
			</li>
			<li><a href="changepassword.html">Change Password</a></li>
			<li><a href="logout.html">Logout</a></li>
			
		</ul>
	</div>
	
	 
	<div id="apDiv3">
		<form id="searchForm" action="searchResults.html" >
			<h2>
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				&nbsp;&nbsp;&nbsp;
						<select id="criteria" class="select" path="criteria">
							<option value="select">-- Select Criteria --</option>
							<option value="employeeName">By Employee</option>
							<option value="projectName">By Project</option>
						</select>
				
				<span class="" id="search"> 
					<input id="input" class="input" value="Enter Your Search Here" path="search"
								onBlur="if(this.value=='') this.value='Enter Your Search Here'"
								onFocus="if(this.value =='Enter Your Search Here' ) this.value=''"
								type="text"></input>
					<input type="submit" id="searchButton"	class="ui-state-default ui-corner-all " value="Search" />			
				</span> 
			</h2>
		</form>
	</div>
	
	<div id="apDiv4">
		<div class="ui-accordion ui-widget ui-helper-reset ui-accordion-icons"  id="accordion">
			<div class="">
				<h3	class="ui-accordion-header ui-helper-reset ui-state-default ui-corner-all">
					<span class="ui-icon ui-icon-triangle-1-e"></span>
					<a tabindex="-1" 	href="#" id="firstEvent">Personnel Details</a>
				</h3>
				<ul>
					<li><a id="myprofile" href="#">My Profile</a></li>
					
				
				</ul>
			</div>

			<div class="">
				<h3 class="ui-accordion-header ui-helper-reset ui-state-default ui-corner-all">
					<span class="ui-icon ui-icon-triangle-1-e"></span>
					<a tabindex="-1"	href="#" id="secondEvent">Employees</a>
				</h3>
				<ul>
					<li><a id="employees" href="#">View All</a></li>
					<li><a id="projects" href="#">Projects</a></li>
					<li><a id="assignprojects" href="#">Assign Projects</a></li>
				</ul>
			</div>
			<div class="">
				<h3
					class="ui-accordion-header ui-helper-reset ui-state-default ui-corner-all">
					<span class="ui-icon ui-icon-triangle-1-e"></span><a tabindex="-1"
						href="#" id="thirdEvent">Trainings</a>
				</h3>
				<ul>
					<li><a id="newtraining" href="#">Trainings Home </a></li>
					<li><a id="assigntraining" href="#">Schedule Trainings </a></li>
				</ul>

			</div>
			<div class="">
				<h3
					class="ui-accordion-header ui-helper-reset ui-state-default ui-corner-all">
					<span class="ui-icon ui-icon-triangle-1-e"></span><a tabindex="-1"
						href="#" id="fourthEvent">Organization Networking</a>
				</h3>
				<ul>
					<li><a id="friends" href="friends.html">Friends</a></li>
					<li><a id="status" href="status.html">Status</a></li>
					<li><a id="photos" href="photos.html">Photos</a></li>
					<li><a id="likes" href="likes.html">Likes</a></li>
					<li><a id="birthday" href="birthday.html">Birthday</a></li>
					<li><a id="addevents" href="addevents.html">Add Events</a></li>
				</ul>
				
			</div>
			
		</div>
	
	</div>
	
	<div class="ui-tabs ui-widget ui-widget-content ui-corner-all"	id="searchTab">
		<ul>
			<li><a href="searchResults.html">Search Results</a></li>

		</ul>
		<div id="tabs-1"></div>

	</div>
	<div class="ui-tabs ui-widget ui-widget-content ui-corner-all"		id="tabs1">
		<ul>
			<li><a href="myprofile.html">My Profile</a></li>
			
		</ul>
	</div>
	<div class="ui-tabs ui-widget ui-widget-content ui-corner-all"
		id="tabs2">
		<ul>
			<li><a href="employees.html">View All</a></li>
			<li><a href="projects.html">Projects</a></li>
			<li><a href="assignprojects.html">Assign Projects</a></li>
			
		</ul>
		
	</div>
	<div class="ui-tabs ui-widget ui-widget-content ui-corner-all"
		id="tabs3">
		<ul>
			<li><a href="newtraining.html">Training Home</a></li>
			<li><a href="scheduletraining.html">Schedule Training</a></li>
			
		</ul>
		
	</div>
	<div class="ui-tabs ui-widget ui-widget-content ui-corner-all"
		id="tabs4">
		<ul>
					<li><a  href="friends.html">Friends</a></li>
					<li><a  href="status.html">Status</a></li>
					<li><a  href="photos.html">Photos</a></li>
					<li><a  href="likes.html">Likes</a></li>
					<li><a  href="birthday.html">Birthday</a></li>
					<li><a  href="addevents.html">Add Events</a></li>

		</ul>
		
	</div>
	


	 <div id="apDiv6">
	 	
		<h3>Projects</h3>

		<div id="liquid1" class="liquid">
			<span class="previous"></span>
			<div class="wrapper">
				<ul>
					<li><a href="#" title="image 01"><img src="images/01.jpg"
							width="80" height="80" alt="image 01" border="0" /></a></li>
					<li><a href="#" title="image 02"><img src="images/02.jpg"
							width="80" height="80" alt="image 02" border="0" /></a></li>
					<li><a href="#" title="image 03"><img src="images/03.jpg"
							width="80" height="80" alt="image 03" border="0" /></a></li>
					<li><a href="#" title="image 04"><img src="images/04.jpg"
							width="80" height="80" alt="image 04" border="0" /></a></li>
					<li><a href="#" title="image 05"><img src="images/05.jpg"
							width="80" height="80" alt="image 05" border="0" /></a></li>
					<li><a href="#" title="image 06"><img src="images/06.jpg"
							width="80" height="80" alt="image 06" border="0" /></a></li>
					<li><a href="#" title="image 07"><img src="images/07.jpg"
							width="80" height="80" alt="image 07" border="0" /></a></li>
					<li><a href="#" title="image 08"><img src="images/08.jpg"
							width="80" height="80" alt="image 08" border="0" /></a></li>
					<li><a href="#" title="image 09"><img src="images/09.jpg"
							width="80" height="80" alt="image 09" border="0" /></a></li>
					<li><a href="#" title="image 10"><img src="images/10.jpg"
							width="80" height="80" alt="image 10" border="0" /></a></li>
					<li><a href="#" title="image 11"><img src="images/11.jpg"
							width="80" height="80" alt="image 11" border="0" /></a></li>
					<li><a href="#" title="image 12"><img src="images/12.jpg"
							width="80" height="80" alt="image 12" border="0" /></a></li>
					<li><a href="#" title="image 13"><img src="images/13.jpg"
							width="80" height="80" alt="image 13" border="0" /></a></li>
					<li><a href="#" title="image 14"><img src="images/14.jpg"
							width="80" height="80" alt="image 14" border="0" /></a></li>
					<li><a href="#" title="image 15"><img src="images/15.jpg"
							width="80" height="80" alt="image 15" border="0" /></a></li>
				</ul>
			</div>
			<span class="next"></span>
		</div>
	</div>
	<div id="apDiv7">
		<h3>
			<a href="#" id="logo">apachebite</a>
		</h3>
	</div>
	
	 <div id="apDiv8">
			<span id="footer">
				<a href="mailto:apachebite.com" style="font-size:12px">Contact Us</a> &nbsp;|&nbsp; Copyright &copy; 2012 apachebite.com
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				Powered by <img src="images/social/neo4j.jpg" height="20" alt="networking" title="networking"  hspace="1" border="0" />	
			</span>
	</div>	
	
	 <div id="apDiv9">
		<h3>&nbsp;&nbsp;&nbsp;Apachebite in News</h3><%@ include file="news.html" %> <br>
	</div>	
	
	<div id="apDiv10">
		&nbsp;&nbsp;&nbsp;<div id="datepicker"></div>
	</div>		
	
	<div id="apDiv11">
	<%@ include file="twitter.html" %>
	</div>	
	

</body>
</html>